<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
    <script src="../src/jquery.mplayer.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.5.3/modernizr.min.js"></script>
</head>
<body>
<div id="thePlayer"></div> <!-- this element will host the player!! -->

<p>The latest and greatest music player</p>

<script type="text/javascript" >

    $(document).ready( function( ) {

        // Note: this version assumes a JavaScript array of songs, but
        // the other approach is also acceptable
        var playlist = [ "http://drgunni.this.is/mp3/1234.mp3",
            "http://drgunni.this.is/mp3/rabbit.mp3",
            "http://drgunni.this.is/mp3/ras2-1985.mp3" ];


        $("#thePlayer").musicPlayer( playlist );
        // Optionally, the function should accept an object containing optional values,
        // such as a boolean "autostart" value, i.e. if the player should start playing
        // immediately etc.
    });

</script>
</body>
</html>